<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="utf-8"/>
    <title>主页</title>
    <link rel="stylesheet" type="text/css" href="./css/index.css" th:href="@{/in/index.css}"/>
    <link rel="stylesheet" type="text/css" href="./css/public.css" th:href="@{/in/public.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.css/bootstrap.min.css}"/>
    <script type="text/javascript" th:src="@{/jin/cart.js}"></script>
    <script type="text/javascript" th:src="@{/jin/jquery.flexslider-min.js}"></script>
    <script type="text/javascript" th:src="@{/jin/jquery.SuperSlide.2.1.1.js}"></script>
    <script type="text/javascript" th:src="@{/jin/jquery-1.12.4.min.js}"></script>
    <script type="text/javascript" th:src="@{/jin/nav.js}"></script>
    <script type="text/javascript" th:src="@{/jin/pro.js}"></script>
    <script type="text/javascript" th:src="@{/jin/public.js}"></script>
    <script type="text/javascript" th:src="@{/jin/user.js}"></script>

</head>
<body>
    <!------------------------------head------------------------------>
    <div class="head">
        <div class="wrapper clearfix">
            <div class="clearfix" id="top">
                <h1 class="fl"><a th:href="@{/}"><img src="images/logo2.jpg"/></a></h1>
                <div class="fr clearfix" id="top1">
                    <p class="fl">

                        <a th:href="(${session.bUser} == null)?'user/toLogin':'#'">
						<span th:if="${session.bUser} == null">
							登录
						</span>
                            <span th:if="${session.bUser} != null">
							欢迎<span th:text="${session.bUser.phoneNumber}"></span>
						</span>
                        </a>

                        <a th:href="@{user/toRegister}">注册</a>
                        <!--<a th:href="@{admin/toLogin}">后台</a>-->

                    </p>
                    <form action="search" class="fl">
                        <input type="text" placeholder="热门搜索：MateBook 40 pro" name="mykey"/>
                        <input type="submit" value=""/>
                    </form>
                    <div class="btn fl clearfix">
                        <a href="cart/userInfo"><img src="img/grzx.png"/></a>
                        <a href="cart/selectCart"><img src="img/gwc.png"/></a>
                        <p><a href="#"><img src="img/smewm.png"/></a></p>
                    </div>
                </div>
            </div>
            <ul class="clearfix" id="bott">
                <li><a th:href="@{/}">首页</a></li>
                <li th:each="gty:${goodsType}"><a th:href="'?tid=' + ${gty.id}"><span th:text="${gty.typename}"></span></a>
                </li>
                <!--					<li>-->
                <!--						<a href="#">所有商品</a>-->
                <!--					</li>-->
                <!--					<li>-->
                <!--						<a href="flowerDer.html">装饰摆件</a>-->

                <!--					</li>-->
                <!--					<li>-->
                <!--						<a href="decoration.html">布艺软饰</a>-->
                <!--					</li>-->
                <!--					<li><a href="paint.html">墙式壁挂</a></li>-->
                <!--					<li><a href="perfume.html">蜡艺香薰</a></li>-->
                <!--					<li><a href="idea.html">创意家居</a></li>-->
            </ul>
        </div>
    </div>
    <!-------------------------banner--------------------------->
    <div class="block_home_slider">
        <div id="home_slider" class="flexslider">
            <ul class="slides">
                <li>
                    <div class="slide">
                        <img src="images/hw1.jpg"/>
                    </div>
                </li>
                <li>
                    <div class="slide">
                        <img src="images/hw2.jpg"/>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!------------------------------thImg------------------------------>

    <!------------------------------news------------------------------>
    <div class="news">
        <div class="wrapper">
            <div th:each="lGoods:${allGoods}" class="col-xs-3 col-md-1">
                <div class="flower clearfix tran">

                    <!--						===============-->
                    <!--						商品列表-->
                    <!--						==================-->
                    <!--						=================-->
                    <a th:href="'goodsDetail?id=' + ${lGoods.id}">
                        <dl>
                            <dt>
                                <span class="abl"></span>
                                <img th:src="${lGoods.gpicture}"/>
                                <span class="abr"></span>
                            </dt>
                            <dd><a th:text="${lGoods.gname}"></a></dd>
                            <dd><span th:text="'¥ '+ ${lGoods.grprice}"></span></dd>
                        </dl>
                    </a>
                    <a th:href="'goodsDetail?id=' + ${lGoods.id}">
                        <dl>
                            <dt>
                                <span class="abl"></span>
                                <img th:src="${lGoods.gpicture}"/>
                                <span class="abr"></span>
                            </dt>
                            <dd><a th:text="${lGoods.gname}"></a></dd>
                            <dd><span th:text="'¥ '+ ${lGoods.grprice}"></span></dd>
                        </dl>
                    </a>
                    <a th:href="'goodsDetail?id=' + ${lGoods.id}">
                        <dl>
                            <dt>
                                <span class="abl"></span>
                                <img th:src="${lGoods.gpicture}"/>
                                <span class="abr"></span>
                            </dt>
                            <dd><a th:text="${lGoods.gname}"></a></dd>
                            <dd><span th:text="'¥ '+ ${lGoods.grprice}"></span></dd>
                        </dl>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!------------------------------ad------------------------------>


    <!--返回顶部-->
    <div class="gotop">
        <a href="cart/selectCart">
            <dl>
                <dt><img src="img/gt1.png"/></dt>
                <dd>去购<br/>物车</dd>
            </dl>
        </a>
        <a href="#" class="dh">
            <dl>
                <dt><img src="img/gt2.png"/></dt>
                <dd>联系<br/>客服</dd>
            </dl>
        </a>
        <a href="cart/userInfo">
            <dl>
                <dt><img src="img/gt3.png"/></dt>
                <dd>个人<br/>中心</dd>
            </dl>
        </a>
        <a href="#" class="toptop" style="display: none">
            <dl>
                <dt><img src="img/gt4.png"/></dt>
                <dd>返回<br/>顶部</dd>
            </dl>
        </a>
        <p>000-00000</p>
    </div>

    <!-------------------login-------------------------->
    <!--footer-->
    <div class="footer">
        <div class="top">
            <div class="wrapper">
                <div class="clearfix">
                    <a href="#2" class="fl"><img src="img/foot1.png"/></a>
                    <span class="fl">7天无理由退货</span>
                </div>
                <div class="clearfix">
                    <a href="#2" class="fl"><img src="img/foot2.png"/></a>
                    <span class="fl">15天免费换货</span>
                </div>
                <div class="clearfix">
                    <a href="#2" class="fl"><img src="img/foot3.png"/></a>
                    <span class="fl">满599包邮</span>
                </div>
                <div class="clearfix">
                    <a href="#2" class="fl"><img src="img/foot4.png"/></a>
                    <span class="fl">手机特色服务</span>
                </div>
            </div>
        </div>
        <p class="dibu">SWU 19计科学年设计作品 <br/>
        </p>
    </div>

    <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/nav.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
            $('#home_slider').flexslider({
                animation: 'slide',
                controlNav: true,
                directionNav: true,
                animationLoop: true,
                slideshow: true,
                slideshowSpeed: 2000,
                useCSS: false
            });

        });
    </script>


</body>
</html>
